<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><%=title%></title>
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="/bootstrap-3.3.0-dist/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="/bootstrap-3.3.0-dist/css/bootstrap-theme.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="/javascripts/jquery-3.1.1.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="/bootstrap-3.3.0-dist/js/bootstrap.min.js"></script>
    <!-- 最新的 angularjs 核心 JavaScript 文件 -->
    <script src="/javascripts/angular.min.js"></script>
</head>
<body>
<nav class="navbar navbar-fixed-top" role="navigation" style="background: #379BE9;">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="/" style="color: white">YOUTHFIGHTER</a>
        </div>
    </div>
</nav>
<div class="container" style="background-color: #F6F4EC;margin-top: 47px">
    <div class="container" style="background-color: #F6F4EC">
        <div class="row">
            <div class="col-md-12">
                <ol class="breadcrumb h4" style="background-color: #dff0d8">
                    <li><a href="/">首页</a></li>
                    <li><a href="/bookinfo/<%=chapter.bookId%>"><%=chapter.bookName%></a></li>
                    <li class="active"><%=chapter.chapterName%></li>
                </ol>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 h2 text-center"><%=chapter.chapterName%></div>
        </div>
        <div class="row">
            <div class="col-md-1 col-md-offset-3 h4 text-right"><a href="/book/<%=chapter.bookId%>/<%=chapter.index-1%>">上一章</a></div>
            <div class="col-md-1 h4 text-center">←</div>
            <div class="col-md-2 h4 text-center"><a href="/bookinfo/<%=chapter.bookId%>">章节列表</a></div>
            <div class="col-md-1 h4 text-center">→</div>
            <div class="col-md-1 h4 text-left" disabled="disabled"><a href="/book/<%=chapter.bookId%>/<%=chapter.index+1%>">下一章</a></div>
        </div>
        <div class="row" style="margin-top: 50px">
            <div class="col-md-12">
                <%-chapter.chapterContent%>
            </div>
        </div>
    </div>
</div>
</body>
</html>